<template>
  <div class="yisong">
    <div class="content">
      <h3>应用市场</h3>
      <div class="useMarket">
        <div class="useMarket-left">
          <ul>
            <li>
              <p class="title-p">智能接单</p>
              <p class="nse-text">
                将美团、饿了么等多个平台订单进行聚合，可以实现一键接单、自动接单，支持Mac/windows的客户端、谷歌/火狐浏览器的网页端、安卓/苹果APP端同时使用。
              </p>
            </li>
            <li>
              <p class="title-p">智能打单</p>
              <p class="nse-text">
                支持多台打印机同时出票，支持骑手联/商家联/厨房联，并可以自定义打印份数。
              </p>
            </li>
            <li>
              <p class="title-p">智能发单</p>
              <p class="nse-text">
                将闪送、达达、蜂鸟等多个配送平台进行聚合，可以实现一键发单、自动发单。针对自动发单，可以做到即时送达的订单在接单后5分钟自动发配送，预约送达的订单在送达时间以前1小时自动发配送，甚至支持自定义时间间隔。
              </p>
            </li>
            <li>
              <p class="title-p">多门店统一管理</p>
              <p class="nse-text">
                易送的门店是实体店概念，可以创建多个门店，一一绑定美团饿了么等外卖门店即可实现统一管理。
              </p>
            </li>
          </ul>
        </div>
        <div class="useMarket-right">
          <ul>
            <li>开发者介绍</li>
            <li>北京易送科技有限公司</li>
            <li>网站：https://www.iyisong.net</li>
            <li>电话：18518671539</li>
            <li>邮箱：jiangjingli@iyisong.net</li>
          </ul>
        </div>

      </div>
      <div class="more">
        <p>更多功能</p>
        <p>更多外卖平台、更多配送平台、商品管理、数据报表等敬请期待。</p>
      </div>
      <div class="bod-x">

      </div>
      <div class="course-div">
        <p>易送接入教程</p>
        <p>开通前准备资料</p>
        <div class="site-div">
          <ul>
            <li>所在城市：XX市</li>
            <li>门店名称：xxxx</li>
            <li>商家地址：XX市XX区XXXX（将作为配送员取件地址）</li>
            <li>商家管理人姓名：xxx</li>
            <li>商家电话：手机号 （将作为易送系统登录账号）</li>
            <li>注：易送现只可对接闪送商家版</li>
          </ul>
        </div>
      </div>
      <div class="putto-div">
        <ul>
          <li>使用地址</li>
          <li>https://www.iyisong.net/login，推荐使用谷歌浏览器；</li>
          <li>注：不会配置的可以把 美团账号+密码或验证码、饿了么账号+密码或验证码、闪送账号+密码统计一下，联系我们技术人员协助配置。</li>
          <li>更多使用教程请接入后进行体验
          </li>
        </ul>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "YisSong"
}
</script>

<style scoped>
li {
  list-style: none;
}
a {
  text-decoration: none;
}
.yisong {
  width: 100vw;
}
.content {
  width: 65vw;
  margin: 0px auto;
  background: #fff;
  padding: 50px 25px;
}
.useMarket {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
  flex: 2;
}
.useMarket-left ul {
  display: flex;
  flex-wrap: wrap;
}
.useMarket-left ul li {
  margin-right: 60px;
  margin-bottom: 50px;
  width: 391px;
}
.useMarket-left ul li .title-p {
  padding: 0 0 8px 0;
  font-size: 20px;
  font-weight: 500;
  color: #333;
}
.useMarket-left ul li .nse-text {
  font-size: 15px;
  font-weight: 400;
  color: #666;
}
.useMarket-right ul {
  width: 280px;
  height: 257px;
  border-left: 1px solid #e9e9e9;
  margin-top: 30px;
  margin-left: 50px;
}
.useMarket-right ul li {
  padding: 0 0 15px 35px;
  font-size: 15px;
  font-weight: 400;
  color: #555;
}
.useMarket-right ul li:nth-child(1) {
  font-size: 20px;
}
.more {
  margin-left: 400px;
}
.more p:nth-child(1) {
  padding: 0 0 8px 0;
  font-size: 20px;
  font-weight: 500;
  color: #333;
  width: 391px;
}
.more p:nth-child(2) {
  font-size: 15px;
  font-weight: 400;
  color: #666;
  width: 391px;
}
.bod-x {
  margin: 40px 0;
  width: 960px;
  height: 1px;
  border-bottom: 1px solid #e9e9e9;
}
.course-div {
  width: 950px;
  margin-bottom: 20px;
}
.course-div p:nth-child(1) {
  padding: 30px 0 17px 0;
  font-size: 20px;
  font-weight: 400;
  color: #333;
}
.course-div p:nth-child(2) {
  line-height: 28px;
  font-size: 15px;
  font-weight: 400;
  color: #555;
}
.site-div ul {
  padding: 20px 20px;
  background: rgb(240, 242, 245);
  margin-top: 10px;
}
.site-div ul li {
  line-height: 28px;
  font-size: 15px;
  font-weight: 400;
  color: #555;
}
.putto-div ul li:nth-child(1) {
  padding: 30px 0 17px 0;
  font-size: 20px;
  font-weight: 400;
  color: #333;
}
.putto-div ul li:nth-child(2) {
  line-height: 28px;
  font-size: 15px;
  font-weight: 400;
  color: #555;
}
.putto-div ul li:nth-child(3) {
  line-height: 28px;
  font-size: 15px;
  font-weight: 400;
  color: #555;
}
.putto-div ul li:nth-child(4) {
  padding: 30px 0 0 0;
  font-size: 16px;
  font-weight: 400;
  color: #333;
}
</style>
